<template>
	<view class="wrap">
		<!-- 公共WIFI -->
		<view class="WIFI border" style="height:252rpx;">
			<view class="top">
				<view class="left">小镇WIFI链接</view>
				<view class="right">
					<image class="img" src="https://yzy-yyds.oss-cn-guangzhou.aliyuncs.com/uploadPath/20220705/0f985e5c1a344230bdf23527e14169c2.png"></image>
				</view>
			</view>
			<view class="content">
				<view class="name">WIFI名称(SSID)：NHXJJXZ</view>
				<view class="password">WIFI密码：NHXJJXZ</view>
			</view>
		</view>
		<!-- 联系客服 -->
		<view class="customer border">
			<view class="top">
				<view class="left">联系客服&ensp;&ensp;&ensp;&ensp;</view>
				<view class="right">
					<image class="img" src="https://yzy-yyds.oss-cn-guangzhou.aliyuncs.com/uploadPath/20220705/8fbece9cd0234e03ab8e0e213ad2b572.png"></image>
				</view>
			</view>
			<!-- 二维码关注 -->
			<view class="follow">
				<view class="topBox">
					<view class="leftImg">
						<image class="img" :src="!AdministrationImage.IfTowOfficial?externalUrl+AdministrationImage.officialImg:externalUrlH+AdministrationImage.officialImg"></image>
					</view>
					<view class="rightFont">关注公众号获取更多</view>
				</view>
				<view class="line" v-if="AdministrationImage.IfTowOfficial"></view>
				<view class="bottom" v-if="AdministrationImage.IfTowOfficial">
					<view class="leftImg">
						<image class="img" src="https://yzy-yyds.oss-cn-guangzhou.aliyuncs.com/uploadPath/20220705/1abe6e0585f642b3865e4bffd1d24423.png"></image>
					</view>
					<view class="rightFont">关注公众号获取更多</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {AdministrationImage} from '@/utils/common.js'
	export default{
		data(){
			return{
				AdministrationImage:AdministrationImage,
				externalUrl:getApp().globalData.NewIconUrl,
				externalUrlH:getApp().globalData.iconUrl,
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap{
		width:720rpx;
		margin:15rpx auto 0;
		overflow: hidden;
		// 公共WIFI
		.WIFI,.customer{
			
			background:#fff;
			overflow: hidden;
			.top{
				height:100rpx;
				background:#339afc;
				display:flex;
				align-items: center;
				justify-content: space-around;
				.left{
					color:#fff;
					font-size: 36rpx;
				}
				.right{
					width:125rpx;
					height:53rpx;
					background:#fff;
					border-radius: 24rpx;
					overflow: hidden;
					.img{
						height:100%;
						width:100%;
					}
				}
			}
			.content{
				font-size:32rpx;
				margin-top:30rpx;
				.name{
					margin-bottom:20rpx;
				}
				.name,.password{
					text-align: center;
				}
			}
		}
		// 联系客服
		.customer{
			margin-top:15rpx;
			
			.follow{
				padding:60rpx 0;
				height:580rpx;
				width:570rpx;
				margin:0 auto;
				display:flex;
				flex-direction: column;
				justify-content: space-between;
				.topBox,.bottom{
					display:flex;
					justify-content: space-around;
					align-items: center;
					height:197rpx;
					.leftImg{
						height:100%;
						width:200rpx;
						background:#6db8ff;
						// border-radius:50%;
						overflow: hidden;
						.img{
							height:100%;
							width:100%;
						}
					}
					.rightFont{
						font-size:32rpx;
					}
				}
				.line{
					height:2px;
					background:#6db8ff;
				}
			}
		}
		
	}

</style>